@import 'base';
@import 'btn-base';
@import 'font-red';
@import 'font-base';
@import 'font-blue';
@import 'font-themeGreen';
@import 'lol-league-btn-blueBasic';
@import 'lol-league-formElement';
@import 'lol-league-modal';
/*公共样式*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding: 0;
}
/*lol-背景*/
#bodyer {
	background: url("../img/lol-bg.jpg") no-repeat top center;
	padding: 0 0 20px 0;
	height: auto;
}
/* 顶部搜索条 */
#body{
	background: url("../img/lol-bg.jpg") no-repeat top center;
    padding: 0 0 20px 0;
}
.bg-search{
	width: 100%;
	height: 110px;
	background: rgba(34, 38, 42,0.7);
}
.wrapper-search{
	padding: 35px 0;
	width: 1080px;
	margin: 0 auto;
	text-align: center;
}
.bar-search{
	position: relative;
	color: #fff;
	input{
		width: 400px;
		margin-right: 10px;
	}
}
.deco-search{
	height: 38px;
	border-radius: 25px;
	border: 1px solid #a3a9ae;
	padding: 0 30px;
	background: rgba(255, 255, 255,0.2);
	color: #fff;
	font-size: 14px;
}
.isearch{
    position: absolute;
    display: block;
    top: 0px;
    left: 628px;
    color: #fff;
    i{
    	font-size: 26px;
    }
}

/*反馈问题正文顶部*/

.fb-wrapper{
	padding: 0 20px;
}
.fb-bg{
	background: #fff;
}
.fb-header{
	width: 100%;
	height: 60px;
	background: #d7dde4;
	padding: 17px;
	font-size: 14px;
	color: #687580;
	ul{
		li{
			display: block;
			margin-right: 40px;
			height: 26px;
			line-height: 26px;
			width: 76px;
			text-align: center;
		}
		li:hover{
			background: #14b9d6;
			a{
				color: #fff;
			}
		}
		.active{
			background: #14b9d6;
			a{
				color: #fff;
			}
		}
	}
	span{
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		i{
			font-size: 18px;
		}
	}

}



/* 反馈问题正文侧栏 */

.fb-bodyer{
	width: 100%;
	height: 1174px;
}
.fb-sideBar{
	width: 20%;
	height: 100%;
	border-right: 1px solid #d7dde4;
}
.fb-sideNav{
	li{
		padding: 14px 0 14px 32px;
		border-bottom: 1px dashed #d7dde4;
		a{
			display: block;
			position: relative;
			height: 32px;
			line-height: 32px;
			padding-left: 52px;
			i{
				display: block;
				position: absolute;
				left: 0;
				margin-right: 32px;
			}
			i:before{
				display: block;
				position: absolute;
				width: 32px;
				height: 32px;
				border-radius: 16px;
				border: 1px solid #687580;
				padding: 0 7px;

			}

		}
	}
	li:hover{
		a{
			color: #14b9d6;
		}
		i:before{
			border-color: #14b9d6;
		}
	}
	.active{
		a{
			color: #14b9d6;
		}
		i:before{
			border-color: #14b9d6;
		}
	}
}
.fb-deco-btn{
	display: block;
	position: relative;
	width: 100%;
	height: 40px;
	border: none;
	background: #24798b;
	color: #fff;
	padding-left: 40px;
	i{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background: #14b9d6;
		font-size: 27px;
	}
}




/* 反馈问题正文 */
.fb-content{
	width: 80%;
	hr{
		margin: 0;
	}
}
/* 正文进度条 */
.fb-stepBar{
	padding: 26px 0;
	ul{
		li{
			position: relative;
			height: 63px;
			div{
				position: absolute;
			    right: 0;
			    padding: 5px;
			    display: block;
			    width: 40px;
			    height: 40px;
			    line-height: 40px;
			    border-radius: 20px;
			    background: #ccc;
			    text-align: center;
			    font-size: 18px;
				span{
					z-index: 4;
					position: absolute;
				    display: block;
				    width: 30px;
				    height: 30px;
				    line-height: 30px;
				    border-radius: 15px;
				    font-family: Arial;
				    font-size: 18px;
				    font-weight: 700;
				    color: #fff;
				    text-align: center;
				}
			}
			b{
				z-index: 1;
				position: relative;
			    display: block;
			    height: 8px;
			    width: 244px;
			    top: 18px;
			    right: 2px;
			    background: #ccc;
			}
			i{
				display: block;
				height: 8px;
			}
			p{
				position: relative;
				text-align: right;
				bottom: -38px;
			}
		}
		.active{
			span{
				background: #14b9d6;
			}
			b:after{
				position: absolute;
				content: '';
			    display: block;
			    height: 4px;
			    width: 244px;
			    top: 2px;
			    right: 4px;
			    background: #14b9d6;
			    z-index: 3;
			}
		}
		li:first-child{
			margin-left: 148px;
		}
	}
}


/* 正文表单 */
.fb-form{
	padding: 20px 0;
	.form-group{
		margin-bottom: 15px;
		label{
			font-size: 14px;
			font-weight: 500;
			height: 40px;
			line-height: 40px;
			margin-bottom: 0;
			text-align: right;
			padding-right: 10px;
		}
		.form-control{
			height: 40px;
			resize: none;
		}
		.question-detail{
			height: 200px;
			margin-bottom: 10px;
		}
	}

}
.fb-btn-upload{
	width: 120px;
	margin-left: 15px;
	padding: 9px 12px;
}
.fb-btn-submit{
	width: 80px;
	padding: 9px 12px;
}
.font-upload{
	opacity:.5;
	margin-left: 65px;

}



/*我要申诉*/
.fb-tips{
	background: #fff5eb;
	color: #ff8400;
	padding: 10px;
}

/*我的提问列表*/
.fb-question-list{
	padding: 13px 0;
	border-bottom: 1px solid #d2e6ea;
}
.btn-goOnToAsk{
	background: #fff;
	border: 1px solid #16b2ce;
	border-radius: 0;
	padding: 6px 32px;
}

/*我的提问详情*/
.chatrecord-userName{
color: #0fce49;
}
.question-summary{
	border-bottom: 1px solid #45c1d8;
}
.question-content{
	line-height: 27px;
}
.question-user{
	color: #de6e33;
}
.record-title{
	border-bottom: 1px solid #d2e6ea;
	padding-bottom: 5px;
	margin: 0;
}
.record-content{
	border-bottom: 1px solid #45c1d8;
}
.chat-line{
	line-height: 27px;
}
.chat-user{
	color: #0fce49;
	margin-right: 2px;
}
.chat-vpServer{
	margin-right: 2px;
}
.chat-time{
	color: #ababbd;
}
.chat-summary{
	padding-top: 5px;
}
.btns-question{
	line-height: 28px;
}
.btn-chat-send,
.btn-chat-uploadImage{
	background: #fff;
	border: 1px solid #16b2ce;
}
.btn-chat-close{
	background: #fff;
	border: 1px solid #bdbec1;
	color: #bdbec1;
}
.fb-img{
	border: 1px solid #d7dde4;
	width: 228px;
	height: 103px;
	padding: 5px;

}
.chat-bg-search{
	right: 10px;
	bottom: 10px;
	width: 28px;
	height: 28px;
	background: rgba(65, 154,172,0.7 );
	color: #fff;
	padding: 2px 0 2px 5px;
}
/*弹窗*/
.league-modal-wrap {
	width: 490px; }
.fb-modal{
	.modal-header{
		border: none;
		padding: 8px;
	}
	.modal-body{
		border: none;
		p{
			margin: 0;
		}
	}
	.modal-footer{
		border: none;
	}
}
